<template>
  <div id="app">
    <my-header></my-header>
    <my-tab></my-tab>
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <player></player>                              <!-- player组件在任何路由下都可能播放。所以放在app.vue里面 -->
  </div>
</template>

<script>
  import MHeader from 'components/m-header/m-header'
  import Tab from 'components/tab/tab'
  import player from 'components/player/player'

  export default {
    components: {
      'my-header': MHeader,
      'my-tab': Tab,
      player
    }
  }
</script>

<style scoped lang="stylus">
  @import '~common/stylus/variable'

  #app
    color: $color-theme
</style>
